Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

NestJS Course for Beginners - Build Server-Side Applications

Learn to build scalable backend applicat...

  2025/12/02

AI tools can be super helpful - but they're not the answer to everythi

AI tools can be super helpful when used ...

  2025/12/02

How Diffusion Models Work

Every AI-generated image you've ever see...

  2025/12/01

Harvard CS50’s Intro to R Programming – Full University Course

study

This course is Harvard University's intr...

  2025/12/01

Only 6 values are falsey in JavaScript. Do you know what they are?

javascript

Only 6 values are falsey in JavaScript. ...

  2025/12/01

Transformers In a Nutshell

The architecture that powers ChatGPT, BE...

  2025/12/01

The Quantum Threat: Why Your Encryption Is Already Compromised

Your RSA-2048 encryption isn't as safe a...

  2025/11/30

Some upcoming features for freeCodeCamp - Tom talks about daily coding

If you like freeCodeCamp's daily coding ...

  2025/11/30

Classic JavaScript gotcha: why does this print 3, 3, 3 instead of 0, 1

javascript

Here's a classic JavaScript "gotcha": wh...

  2025/11/29

AI & ML Full Course 2025 | Complete Artificial Intelligence and Machin

study

🔥PGP in Generative AI and ML in collabor...

  2025/11/28

Google’s Gemini 3 Is INSANE! 🤯

Google

🔥PGP in Generative AI and ML in collabor...

  2025/11/28

Scammers? Now spotted early 😌

Scam Detection helps keep things safer b...

  2025/11/28